wang 2mu's profile

Four Great Instructors Save the Bad Singers

UI/UX
Four Great Instructors Save the Bad Singers
Dianping KTV promotion Html5
 
 
Asshole



Dianping.com hopes to promote its KTV business with the aid of China's hottest talent show-The Voice. So we designed an interactive karaoke tutorial on html5. 
We imitate the popular Chinese Wechat public articles, with html5 technology "fabricated" the one with the real article exactly the same mobile web, by design, in order to highlight the tutorial popular science, the style also positioned as a medical science anatomy class style ;






There 4 types of bad singers: "Off-beat tongue"can't keep the beat."Crying baby"cries while singing. "Thunder throat"'s voice cracks on high notes, and "Swagger" sways when they sing.......














When clicking the head of each mentoro in the web.
we'll see The singing skills: 
JayChou-"Rap God".
The tougue's vibration is faster than a rattlesnake's tail and
good at songs with fast tempo;
 
 
NaYing-"Tear gas".
A muscle is capable of controlling the lacrimal gland
which moves others ot tears;
 
 
 
WangFeng-"Glass breaker".
A throat that is resistant to high air pressure
never cracks on a high note;
 
 
HarlemYu-"Beats dropper".
The body can move in time
with the song to enhance the rhythm.




Full Effects1.
Full Effects2.
Full Effects3.
Full Effects4.
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 








Art Director : @Wang2mu
Animation : @Wang2mu
Designer : @Wang2mu 
Design Assistant : @HeFan
Developer:bengba
Copywriter : @Sam
Music : awang(B.W studio)
Client : Dianping













Four Great Instructors Save the Bad Singers
Published:

Four Great Instructors Save the Bad Singers

Dianping.com hopes to promote its KTV business with the aid of China's hottest talent show-The Voice. So we designed an interactive karaoke tutor Read More

Published: